<template>
  <div class="tag-model-body">
    <div class="tag-tittle">{{tagName}}</div>
    <div class="type-model-list">
      <TypeModel
        v-for="item in typeList"
        :key="item.typeId"
        :id="item.id"
        :image-url="item.imgUrl"
        :type-name="item.typeName"
      ></TypeModel>
    </div>
  </div>
</template>

<script>
import TypeModel from "@/components/index/TypeModel.vue";
export default {
  props: ["tagName", "typeList"],
  components: {
    TypeModel
  }
};
</script>

<style lang="scss">
@import "@/assets/source.scss";

.tag-model-body {
  width: 100%;
  padding-top: 20px;
  border-bottom: 2px dashed #aaa;
}
.tag-model-body .tag-tittle {
  padding: 5px 15px;
  font-size: 30px;
  border-left: solid $main-theam-color 5px;
}
.type-model-list {
  padding: 20px 10px;
  overflow: hidden;
  .typemodel {
    float: left;
  }
}
</style>

